<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";	
%>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="<%=basePath %>static/css/plugins/bootstrap-3.3.7/css/bootstrap.css" />
<script src="<%=basePath %>static/js/jquery-3.7.1.min.js"></script>
<script src="<%=basePath %>static/css/plugins/bootstrap-3.3.7/js/bootstrap.js"></script>
<title>套餐更换</title>
</head>
 <body>

   <div>
    <div class="container">
        <div class="panel panel-default">
            <div class="panel-heading">
                <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
               欢迎使用嗖嗖移动大厅
              
                      <form action="${pageContext.request.contextPath }/secondmenu">
                      <input class="btn btn-primary btn-xs" type="submit" value="退回二级菜单列表"/>
                      </form>
                
            </div>
        </div>
        
        <table class="table table-bordered">
        <form class="form" action="${pageContext.request.contextPath }/changeTaoCan" method="post">
            <tr>
                <th>更换套餐</th>
            </tr>
            <tr>
                <th>卡号</th>
                <td><input type="text" id="cardNumber" name="cardNumber" required></td>
            </tr>
            <tr>
                <th>密码</th>
                <td><input type="text" id="password" name="password" required></td>
            </tr>
            <tr>
                <th>新套餐</th>
                <td>
                    <select id="newTaocan" name="newTaocanId" class="btn btn-primary btn-xs" >
                        <option value="1"> 网虫套餐</option>
                        <option value="2"> 话痨套餐</option>
                        <option value="3"> 超人套餐</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                   <input class="btn btn-primary btn-xs" type="submit" value="更换套餐" onclick="return confirm('确认更换吗')"/>
                </td>
                
            </tr>
            
         </form>
         ${message}
         </form>
        
         
        </table>
        ${taocanmessage}
        <form action="${pageContext.request.contextPath }/recalculateConsumption" method="post">
         <input type="hidden" id="cardNumber" name="cardNumber" value="${param.cardNumber}" placeholder="请输入您的卡号">
        <input type="hidden" id="newTaocanId" name="newTaocanId" value="${param.newTaocanId}" placeholder="请输入您的套餐号（若已经修改，请输入新的套餐号）">
       <!-- <input class="btn btn-primary btn-xs" type="submit" value="查看个人套餐及余额消费信息"/> -->  
         

    </div>

</div>
        
 </body>

</html>